<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="renderer" content="webkit">
    <title>时间日志</title>
    <link rel="shortcut icon" href="https://res-front-cdn.timetask.cn/common/img/web-icon/icon.png" type="image/x-icon">
    <link href="./frame_files/app.bb9deb9e54.css" rel="stylesheet">
    <link href="animate.min.css" rel="stylesheet">
</head>

<body id="mainBody" class="chrome webkit win" style="overflow-x: hidden;">
    <div id="nTalk_post_hiddenElement" style="left: -10px; top: -10px; visibility: hidden; display: none; width: 1px; height: 1px;"></div>
    <div id="entrance-loading-animate" class="gb-background-style gb-background-style" style="opacity: 0; display: none;">
        <div class="gb-loading">
            <div class="gb-panel">
                <div class="gb-cloud gb-cloud1"></div>
                <div class="gb-abs-full gb-globe">
                    <div class="gb-abs-full gb-mask"></div>
                    <div class="gb-abs-full gb-map"></div>
                </div>
                <div class="gb-cloud gb-cloud2"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    window.RsqLoading && window.RsqLoading.start("entrance-loading-animate")
    </script>
    <header id="navigator">
        <div class="container-fluid navbar nav-container">
            <div class="row">
                <div class="brand">
                    <a href="https://www.rishiqing.com/app/todo" style="cursor: pointer;">
                        <img src="./frame_files/logo@2x.70270fe8ec.png" height="32">
                    </a>
                </div>
                <div class="col-sm-9">
                    <ul class="nav nav-pills">
                        <li class="nav-item active trigger-inside-modal-close" data-type="todo"><a class="nav-link type-body2-black" href="https://www.rishiqing.com/app/todo">任务</a></li>
                        <li class="nav-item  trigger-inside-modal-close" data-type="kanban"><a class="nav-link type-body2-black" href="https://www.rishiqing.com/app/kanban">计划</a></li>
                        <li class="nav-item  trigger-inside-modal-close" data-type="doc"><a class="nav-link type-body2-black" href="https://www.rishiqing.com/app/doc/131731">笔记</a></li>
                        <li class="nav-item  trigger-inside-modal-close" data-type="company"><a class="nav-link type-body2-black" href="https://www.rishiqing.com/app/company">群组</a></li>
                    </ul>
                </div>
                <div class="nav-right">
                    <img class="vip vip-btn tooltipstered" src="./frame_files/personalCrowdfunding.a5b2f974a9.png" alt="vip" data-toggle="tooltip">
                    <span class="btn hidden hack-pay"></span>
                    <span class="btn pay-page-btn hidden"></span>
                    <span class="alertRingBtn" style="display: none"></span>
                    <div class="user-profile type-body2-black dropdown">
                        <div class="dropdown-toggle" data-toggle="dropdown">
                            <img class="avatar" src="./frame_files/_large_avatar155568.png" alt="">
                            <span class="name">姜禄建</span>
                        </div>
                        <ul class="userSettings dropdown-menu dropdown-menu-right">
                            <li><a href="javascript:;" class="dropdown-item personalSettingBtn">个人设置</a></li>
                            <!-- <li><a href="javascript:;" class="dropdown-item">帮助中心</a></li>
          <li><a href="javascript:;" class="dropdown-item">用户社区</a></li>
          <li><a href="javascript:;" class="dropdown-item">建议反馈</a></li>
          <li><a href="javascript:;" class="dropdown-item">下载应用</a></li>
          <li class="dropdown-divider"></li> -->
                            <li class="dropdown-item version" data-auto-close="false">版本 v6.15.74</li>
                            <li class="dropdown-divider"></li>
                            <li><a href="https://www.rishiqing.com/task/logout/index" data-bypass="" class="dropdown-item">退出</a></li>
                        </ul>
                    </div>
                    <ul class="menu-list">
                        <!--<li class="header-search"><i class="icon-search"></i><input type='text' class='type-body1-black' id='searchInput' placeholder='请输入搜索内容'/></li>-->
                        <li class="applicationBtn popover-toggle" style="margin-right: 8px;"><i class="icon-apps"></i></li>
                        <li class="showNotifications popover-toggle"><i class="icon-notifications"></i><span class="unRead-mesage-num" style="display: none;"></span></li>
                        <li class="dakaBtn"><i class="daka notDaka icon-ic_touch_app_black_24px"></i></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div id="mainContent" style="background: none;">
        <div class="todo-view">
            <div class="container-left-content">
                <div class="storageBox animated RSQ_fadeInLeft">
                    <header>
                        <span> 收纳箱</span>
                        <div class="inboxDropDown dropDown">
                            <i class="dropdown-toggle icon-keyboard_arrow_down" data-toggle="dropdown" aria-expanded="false"></i>
                            <ul class="dropdown-menu dropdown-menu-right " data-auto-close="false" style="top: 100%; bottom: auto;">
                                <li class="item quad1"><span>重要且紧急 </span><i class="icon-check"></i></li>
                                <li class="item quad2"><span>重要但不紧急 </span><i class="icon-check"></i></li>
                                <li class="item quad3"><span>紧急但不重要 </span><i class="icon-check"></i></li>
                                <li class="item quad4"><span>不重要不紧急 </span><i class="icon-check"></i></li>
                                <li class="line"></li>
                                <li class="item fromPlan">来自计划<i class="icon-check"></i></li>
                                <li class="item fromOther">来自同事<i class="icon-check"></i></li>
                                <li class="item fromMe">我创建的<i class="icon-check"></i></li>
                                <li class="line"></li>
                                <li class="item deleteAll">清空收纳箱</li>
                            </ul>
                        </div>
                    </header>
                    <div id="buttonDiv">
                        <span id="storageAddBtn" style="display: none;">
    <i class="icon icon-add"></i>
    添加新任务
  </span>
                        <div id="storageAddInputLi" style="display: block;">
                            <input id="storageAddInput" class="type-caption-white" placeholder="任务标题">
                            <span id="storageAddBtn2" class="btn btn-primary">添加</span>
                        </div>
                    </div>
                    <div id="storageUlDiv">
                        <ul class="ui-sortable">
                            <li class="item" data-id="8843338" data-from="kanban" data-scontainer="IE">
                                <div class="taskItem clearfix">
                                    <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i>
<i class="icon-check check"></i>
<div class="checkTail"></div>
</span></div>
                                    <span class="ItemContent todo-item-content">6、你懂我吗</span>
                                    <i class="icon-ic_kanban_black_24px itemIcon"></i>
                                    <i class="icon-Group-17 tomato-clock-trigger" title="番茄钟"></i>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <hr>
                </div>
                <!-- 写左边的内容 -->
                <div class="flex-side-bar">
                    <div class="flex-bar expand" title="展开/收起侧边栏">
                        <!-- <i class="icon-keyboard_arrow_left"></i> -->
                    </div>
                    <div class="flex-content">
                        <div class="kanbanName  createKanban ">收纳箱</div>
                        <i class="icon-settings setting " style="display:none;"></i>
                    </div>
                </div>
            </div>
            <div class="container-right">
                <div class="container-right-top-bg"></div>
                <div class="container-right-bottom-bg"></div>
                <div class="container-right-content">
                    <div class="weatherAndSwitchView animated RSQ_fadeInRight">
                        <div class="switch3Ul blue">
                            <div class="activeCircle center"></div>
                            <ul class="inUl">
                                <li class="switchLeft">月</li>
                                <li class="switchCenter active">日</li>
                                <li class="switchRight">周</li>
                            </ul>
                        </div>
                        <div class="type_filter switch3Ul ">
                            <ul class="inUl prolist">
                                <li class="item">项目A</li>
                                <li class="item active">项目B</li>
                                <li class="item">项目B</li>
                            </ul>
                        </div>
                    </div>
                    <div class="todoView">
                        <div class="dayView animated RSQ_fadeInRight">
                            <div class="dayViewQuad4" style="right: 4.8125rem;">
                                <div class="todoQuadWrap today" data-pcontainer="IE">
                                    <div class="borderBox">
                                        <header class="clearfix">
                                            <i class="icon-ic_more_vert_black_24px"></i>
                                            <span class="quadName">今日任务</span>
                                            <i class="icon-add_circle"></i>
                                            <input type="text" class="editNameInp" placeholder="请输入四象限名称" value="重要且紧急">
                                            <div class="btn btn-primary saveNameBtn">保存</div>
                                        </header>
                                        <div class="quadUlDiv">
                                            <div class="quadWarpY ui-sortable">
                                                <ul class="normal">
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="ItemDelayContent todo-item-content">
                                                                <span class="contentLeft">      37、活动自助后台系统    </span>
                                                                <i class="delayIcon">延期89天</i>
                                                            </div>
                                                            <i class="icon-ic_kanban_big_black_24px itemIcon tooltipstered"></i>
                                                            <i class="icon-Group-17 tomato-clock-trigger" title="番茄钟"></i>
                                                        </div>
                                                    </li>
                                                    <li class="fixLi"></li>
                                                </ul>
                                                <ul class="finished ui-sortable">
                                                    <li class="fixLi"></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="todoQuadWrap time" data-pcontainer="IE">
                                    <div class="borderBox">
                                        <header class="clearfix">
                                            <span class="quadName">评估耗时</span>
                                            <i class="icon-add_circle"></i>
                                            <input type="text" class="editNameInp" placeholder="请输入四象限名称" value="重要且紧急">
                                            <div class="btn btn-primary saveNameBtn">保存</div>
                                        </header>
                                        <div class="quadUlDiv">
                                            <div class="quadWarpY ui-sortable">
                                                <ul class="normal">
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">0:30</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">1:00</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">1:30</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">2:00</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="todoQuadWrap flag" data-pcontainer="IE">
                                    <div class="borderBox">
                                        <header class="clearfix">
                                            <span class="quadName">标签</span>
                                            <i class="icon-add_circle"></i>
                                        </header>
                                        <div class="quadUlDiv">
                                            <div class="quadWarpY ui-sortable">
                                                <ul class="normal">
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">产品</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">设计</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">测试</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">运营</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="todoQuadWrap people" data-pcontainer="IE">
                                    <div class="borderBox">
                                        <header class="clearfix">
                                            <span class="quadName">成员</span>
                                            <i class="icon-add_circle"></i>
                                            <input type="text" class="editNameInp" placeholder="请输入四象限名称" value="重要且紧急">
                                            <div class="btn btn-primary saveNameBtn">保存</div>
                                        </header>
                                        <div class="quadUlDiv">
                                            <div class="quadWarpY ui-sortable">
                                                <ul class="normal">
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">姜禄建</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="todoQuadWrap repeat" data-pcontainer="IE">
                                    <div class="borderBox">
                                        <header class="clearfix">
                                            <span class="quadName">重复</span>
                                            <i class="icon-add_circle"></i>
                                        </header>
                                        <div class="quadUlDiv">
                                            <div class="quadWarpY ui-sortable">
                                                <ul class="normal">
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">每日</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">周一</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">周二</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">周三</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="item" data-id="6622608" data-from="others" data-scontainer="IE">
                                                        <div class="taskItem clearfix">
                                                            <div class="ItemLeft"><span class="diyCheckbox"><i class="icon-check_box_outline_blank blank"> </i><i class="icon-check check"></i> <div class="checkTail"></div></span></div>
                                                            <div class="todo-item-content">
                                                                <span class="contentLeft">每月</span>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="dayViewCalendar"><i class="iconArr icon-keyboard_arrow_up"></i>
                                <i class="iconArr icon-keyboard_arrow_down"></i>
                                <div class="leftHandel blink">
                                    <i class="iconArr"></i>
                                </div>
                                <i class="calendarCircle cc1"></i>
                                <i class="calendarCircle cc2"></i>
                                <ul class="dayViewCalendarUl">
                                    <li data-date="2017-06-18" data-week="周日" style="display: none;"><span data-week="周日" class="hasDian">18</span></li>
                                    <li data-date="2017-06-19" data-week="周一" style="display: none;"><span data-week="周一" class="hasDian">19</span></li>
                                    <li data-date="2017-06-20" data-week=" 周二 " style="display: none;"><span data-week=" 周二 " class="hasDian">20</span></li>
                                    <li data-date="2017-06-21" data-week="周三" style="display: none;"><span data-week="周三" class="hasDian">21</span></li>
                                    <li data-date="2017-06-22" data-week=" 周四 " style="display: none;"><span data-week=" 周四 " class="hasDian">22</span></li>
                                    <li id="showMonth" class="notItem" style="display: none;"><span></span></li>
                                    <li class="firstLi" data-date="2017-06-23" data-week="周五 "><span data-week="周五 " class="hasDian">23</span></li>
                                    <li data-date="2017-06-24" data-week="周六"><span data-week="周六" class="hasDian">24</span></li>
                                    <li data-date="2017-06-25" data-week="周日"><span data-week="周日" class="hasDian">25</span></li>
                                    <li data-date="2017-06-26" data-week="周一"><span data-week="周一" class="hasDian">26</span></li>
                                    <li data-date="2017-06-27" data-week=" 周二 "><span data-week=" 周二 " class="hasDian">27</span></li>
                                    <li data-date="2017-06-28" data-week="周三"><span class="active ui-droppable hasDian" data-week="周三">28</span></li>
                                    <li data-date="2017-06-29" data-week=" 周四 "><span data-week=" 周四 " class="ui-droppable hasDian">29</span></li>
                                    <li data-date="2017-06-30" data-week="周五 "><span data-week="周五 " class="ui-droppable hasDian">30</span></li>
                                    <li data-date="2017-07-01" data-week="周六"><span data-week="周六" class="ui-droppable hasDian">01</span></li>
                                    <li data-date="2017-07-02" data-week="周日"><span data-week="周日" class="ui-droppable hasDian">02</span></li>
                                    <li class="lastLi" data-date="2017-07-03" data-week="周一"><span data-week="周一" class="ui-droppable hasDian">03</span></li>
                                    <li id="gotoToday" class="notItem" style="display: none;"><span>今</span></li>
                                    <li data-date="2017-07-04" data-week=" 周二 " style="display: none;"><span class="hasDian">04</span></li>
                                    <li data-date="2017-07-05" data-week="周三" style="display: none;"><span class="hasDian">05</span></li>
                                    <li data-date="2017-07-06" data-week=" 周四 " style="display: none;"><span class="hasDian">06</span></li>
                                    <li data-date="2017-07-07" data-week="周五 " style="display: none;"><span class="hasDian">07</span></li>
                                    <li data-date="2017-07-08" data-week="周六" style="display: none;"><span class="hasDian">08</span></li>
                                </ul>
                                <!--<div class="trashCan">
  <i class="icon-trash2"></i>
</div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- VERSION-STAMP: 6.15.74_:_Mon Jun 26 2017 19:27:40 GMT+0800 (CST) -->
    <script type="text/javascript">
    window.VERSIONSTAMP = {
        version: "6.15.74",
        time: "Mon Jun 26 2017 19:27:40 GMT+0800 (CST)"
    }
    </script>
    <div id="cli_dialog_div"></div>
    <script src="jquery-1.11.3.min.js"></script>
    <script src="jquery.hotkeys.js"></script>
    <script src="Sortable.js"></script>
    <script src="parseTlog.js"></script>
    <script src="underscore-min.js"></script>
    <script src="compare.js"></script>
    <script src="js-yaml.min.js"></script>
    <script src="moment.min.js"></script>
    <script>
    $(function() {

        $.get("z1flag.md", function(data) {
            var doc = jsyaml.load(data);
            for (var key in doc) {
                doc[key] = doc[key].replace(/#.*/, '');
            }
            tagDic = doc;
            // console.log(doc);
        });

        // $.get("6-26.tlog", function(data) {
        $.get("7-11.tlog", function(data) {
            // console.log(data);
            var proArr = parseTlog(data);
            // console.log(proArr);
            console.log(getDayMD(proArr));
            // console.log(getDoneTasks(proArr));
        });
        Sortable.create($('#storageUlDiv .ui-sortable ')[0], {
            ghostClass: ".dragArea",
            animation: 150,
            scrollSensitivity: 50,
            group: "task",
            onStart: showDrag,
            onEnd: hideDrag
        });

        function showDrag( /**Event*/ evt) {
            $('#storageUlDiv .ui-sortable ').addClass("dragArea");
            $('.today .normal').addClass("dragArea");
        }

        function hideDrag( /**Event*/ evt) {
            $('#storageUlDiv .ui-sortable ').removeClass("dragArea");
            $('.today .normal').removeClass("dragArea");
        }

//      Sortable.create($('.today .normal')[0], {
//          ghostClass: ".dragArea",
//          scrollSensitivity: 50,
//          animation: 150,
//          group: "task",
//          onStart: showDrag,
//          onEnd: hideDrag
//      });
        Sortable.create($('.time .normal')[0], {
            animation: 150,
            scrollSensitivity: 50,
            group: "time"
        });
        Sortable.create($('.people .normal')[0], {
            animation: 150,
            scrollSensitivity: 50,
            group: "people"
        });
        Sortable.create($('.flag .normal')[0], {
            animation: 150,
            scrollSensitivity: 50,
            group: "flag"
        });

        Sortable.create($('.todoView .dayViewQuad4')[0], {
            animation: 150,
            scrollSensitivity: 50,
            group: "panel"
        });

        $('.today .normal').on("click", ".taskItem .ItemLeft", function(e) {
            var taid = $(this).index();
            var item = $('.today .normal li').eq(taid);
            item.toggleClass("finishedItem");
            item.find("span").toggleClass("checked");
            // item.addClass("finishedItem");
            // item.find("span").addClass("checked");
            // item.appendTo(".today .finished");
            console.log("done");
            e.stopPropagation();
        })

        // $('.today .finished').on("click", ".taskItem .ItemLeft", function(e) {
        //     var taid = $(this).index();
        //     var item = $('.today .finished li:not(".fixLi")').eq(taid);
        //     item.removeClass("finishedItem");
        //     item.find("span").removeClass("checked");
        //     item.appendTo(".today .normal");
        //     console.log("cancle done");
        //     e.stopPropagation();
        // })


        $('#storageUlDiv .ui-sortable li,.time li,.people li,.flag li,.repeat li').click(function(evt) {
            var item = this;
            itemAni(item);
            // console.log("click");
            evt.stopPropagation();
        });
        $('.today li').click(function(evt) {
            var item = this;
            itemAni(item);
        });

        function itemAni(item) {
            $(item).removeClass("animated bounceIn");
            setTimeout(function() {
                $(item).addClass("animated bounceIn");
            }, 10);
        }
        var listen_tar = null;
        $('.time,.people,.flag,.repeat').click(function(evt) {
            // console.log(12);
            var item = $(evt.currentTarget).find(".item_select");
            var has = (item && item.length > 0) ? true : false;
            $('.time,.people,.flag,.repeat').find(".borderBox").removeClass("item_select");
            listen_tar = null;
            if (!has) {
                $(this).find(".borderBox").toggleClass("item_select");
                listen_tar = evt.currentTarget;
            }
        })


        // ---------键盘快捷键
        var taskIndex = -1;
        var selectType = 1; // 1: today任务 0:待办区收纳箱

        function onTaskkey(evt) {
            var tasks;
            if (evt.key == "ArrowLeft") {
                if (selectType != 0) {
                    taskIndex = 0;
                }
                selectType = 0;
            } else if (evt.key == "ArrowRight") {
                if (selectType != 1) {
                    taskIndex = 0;
                }
                selectType = 1;
            }
            $('.today .normal li .taskItem').removeClass("taskSelect");
            $('#storageUlDiv .ui-sortable li .taskItem').removeClass("taskSelect");
            if (selectType == 1) {
                tasks = $('.today .normal ').find('li:not(".fixLi")');
            } else {
                tasks = $('#storageUlDiv .ui-sortable li');
            }
            if (evt.key == "ArrowDown") {
                taskIndex++;
                taskIndex = Math.min(taskIndex, tasks.length - 1);
            } else if (evt.key == "ArrowUp") {
                taskIndex--;
                taskIndex = Math.max(taskIndex, 0);
            }
            var item = tasks.eq(taskIndex);
            var has = (item && item.length > 0) ? true : false;
            if (has) {
                item.find(".taskItem").addClass("taskSelect");
                item.click();
            }
            // console.log(evt.type, evt.key, taskIndex, tasks.length);
        }
        // $('#storageUlDiv .ui-sortable ')
        function onhotkey(evt) {
            if (evt.keyCode < 96) { //只有小键盘触发有效.
                return;
            }
            console.log(evt.type, evt.key, evt.keyCode);
            if (listen_tar == null) {
                console.log("未选中", evt.type, evt.key);
                return;
            }
            var index = parseInt(evt.key);
            index = index == 0 ? 10 : index - 1;
            var item = $(listen_tar).find(".normal li").eq(index);
            var has = (item && item.length > 0) ? true : false;
            if (has) {
                item.click();
            }
            return false;
        }

        jQuery(document).bind('keydown.1', onhotkey);
        jQuery(document).bind('keydown.2', onhotkey);
        jQuery(document).bind('keydown.3', onhotkey);
        jQuery(document).bind('keydown.4', onhotkey);
        jQuery(document).bind('keydown.5', onhotkey);
        jQuery(document).bind('keydown.6', onhotkey);
        jQuery(document).bind('keydown.7', onhotkey);
        jQuery(document).bind('keydown.8', onhotkey);
        jQuery(document).bind('keydown.9', onhotkey);
        jQuery(document).bind('keydown.0', onhotkey);

        jQuery(document).bind('keydown.left', onTaskkey);
        jQuery(document).bind('keydown.up', onTaskkey);
        jQuery(document).bind('keydown.right', onTaskkey);
        jQuery(document).bind('keydown.down', onTaskkey);
    });
    </script>
</body>

</html>
